.data-item{
	// display: flex;
	// margin-bottom: 30rpx;
	padding: 0 20rpx 20rpx;
	.order-type{
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 28rpx;
		color: #333333;
		text{
			font-weight: bolder;
		}
	}
	.order-info{
		margin: 20rpx 0;
		.info-item{
			display: flex;
			font-size: 28rpx;
			// align-items: center;
			color: #333333;
			line-height: 50rpx;
			.key{
				min-width: 150rpx;
				font-size: 28rpx;
				color: #999999;
			}
			.not-null {
				margin: 10rpx 0rpx;
				color: #59A0FF;
			}
			.date {
				flex: 1;
			}
			.info-imgs{
				display: flex;
				flex-wrap: wrap;
				margin-bottom: 10rpx;
				.img-item{
					width: 120rpx;
					height: 120rpx;
					margin: 2rpx 2rpx 0 0;
				}
			}
		}
		.error{
			color: #FF3737;
		}
	}
}

.handle-btn{
	border-top: 1px solid #F5F5F5;
	height: 95rpx;
	margin-top: 30rpx;
	display: flex;
	> view{
		height: 95rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
		font-weight: bolder;
		color: #333333;
		flex: 1;
	}
	& :last-child{
		color: #0055FE;
	}
}

.from-item {
	background-color: #FFFFFF;
	margin: 0 30rpx 20rpx;
	color: #333;
	font-size: 28rpx;
	padding: 28rpx 20rpx;
	.title{
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 32rpx;
		margin-bottom: 20rpx;
		font-weight: bolder;
		color: #333333;
		.right-title{
			display: flex;
			font-size: 28rpx;
			font-weight: normal;
			color: #999999;
		}
	}
	.sub-title{
		font-size: 24rpx;
		color: #999999;
	}
	.content{
		font-size: 28rpx;
		color: #333333;
		margin: 11rpx 0 40rpx;
	}
	.add-img {
		width: 120rpx;
		height: 120rpx;
		margin-right: 20rpx;
	}
	.del-img {
		position: absolute;
		top: -15rpx;
		right: -15rpx;
		width: 30rpx;
		height: 30rpx;
	}
	textarea{
		padding: 16rpx 20rpx;
		background-color: #F9F9F9;
		border-radius: 10rpx;
		height: 130rpx;
		font-size: 28rpx;
		color: #333333;
	}
	.result-input{
		background-color: #F8F8F8;
		border-radius: 10rpx;
		height: 96rpx;
		padding: 0 20rpx;
	}
}
.list {
	margin: 20rpx 30rpx;
	background-color: #FFFFFF;
	border-radius: 10rpx;
	.list-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #333333;
		font-size: 28rpx;
		padding: 30rpx 20rpx;
		>view:first-child {
			color: #333333;
		}
		.input-item {
			flex: 1;
			font-size: 28rpx;
			color: #333;
			margin-left: 20rpx;
		}
		.right-title1{
			flex: 1;
			text-align: right;
			color: #333;
		}
		.right-title1-empty {
			color: #ccc;
		}
	}
	.textarea{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		textarea{
			margin-top: 20rpx;
			padding: 16rpx 20rpx;
			background-color: #F9F9F9;
			border-radius: 10rpx;
			height: 130rpx;
			font-size: 28rpx;
			color: #333333;
			box-sizing: border-box;
			width: 100%;
		}
	}
	.list-item2{
		font-size: 28px;
		color: #333333;
		display: flex;
		align-items: center;
		color: #333333;
		font-size: 28rpx;
		padding: 22rpx 20rpx;
		:first-child {
			width: 150rpx;
		}
	}
	.header{
		font-size: 32rpx;
		font-weight: bolder;
		color: #333333;
		:first-child {
			flex: 1;
			color: #333333;
		}
		image{
			width: 24rpx;
			height: 24rpx;
		}
	}
}
.upload-img-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	.add-img-view {
		display: flex;
		align-items: center;
		flex-direction: row;
		background-color: #FFFFFF !important;
		color: #999;
		font-size: 24rpx;
		margin-top: 20rpx;
		.add-img-view-item {
			margin-right: 30rpx;
			position: relative;
			.add-item{
				width: 120rpx;
				height: 120rpx;
			}
		}
	}
}

.swiper-info {
	background-color: #FFFFFF;
	margin: 0 30rpx 20rpx;
	color: #333;
	font-size: 28rpx;
	padding: 28rpx 20rpx;
	.title{
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 32rpx;
		margin-bottom: 20rpx;
		font-weight: bolder;
		color: #333333;
		.right-title{
			display: flex;
			margin-left: 20rpx;
			font-size: 28rpx;
			font-weight: normal;
			color: #999999;
		}
	}
	.sub-title{
		font-size: 24rpx;
		color: #999999;
	}
	.content{
		font-size: 28rpx;
		color: #333333;
		margin: 11rpx 0 40rpx;
	}
	textarea{
		height: 154rpx;
		width: 100%;
	}
	.result-input{
		background-color: #F8F8F8;
		border-radius: 10rpx;
		height: 96rpx;
		padding: 0 20rpx;
	}
}
